<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <div class="wrapper">
        <nav>
            <div class="content">
                <ul class="ul_1 clearfix">
                    <li><a href="#" class="a_1">Get Started</a></li>
                    <li><a href="#" class="a_2">Core</a></li>
                    <li><a href="#" class="a_2">Components</a></li>
                    <li><a href="#" class="a_2">Customizer</a></li>
                    <li><a href="#" class="a_2">Showcase</a></li>
                    <li><a href="#" class="a_2">Tutorials</a></li>
                </ul>
            </div>
        </nav>
        <header>
            <div class="content">
                <img src="img/logo.png" alt="" class="loge">
                <p class="p_1">
                    A lightweight and modular front-end framework<br>
                    for developing fast and powerful web interfaces.
                </p>
                <a href="#" class="a_3">Download</a>
            </div>
        </header>
        <div class="main_1">
            <div class="content">
                <div class="container">
                    <h1>Features</h1>
                    <p class="p_1 p_4">
                        Ulkit gives you a comprehensive collection of HTML,CSS,and JS components<br>
                        which is simple to use,easy to customize and extendable.
                    </p>

                        <div class="row">
                            <div class="col-md-3 col-12">
                                <h3>LESS</h3>
                                <p class="p_2">
                                    Ulik is developed in LESS & SASS to<br>
                                    write well-structured,extendable code<br>
                                    which is easy to maintain.
                                </p>
                            </div>
                            <div class="col-md-3 col-12">
                                <h3>Components</h3>
                                <p class="p_2">
                                    A collection of small,responsive<br>
                                    components using consistent and<br>
                                    conflict-free naming conventions.
                                </p>
                            </div>
                            <div class="col-md-3 col-12">
                                <h3>Customizer</h3>
                                <p class="p_2">
                                    Ulik's very basic style can be<br>
                                    extended witn themes and is easy to<br>
                                    customize to create your own look.
                                </p>
                            </div>
                            <div class="col-md-3 col-12">
                                <h3>Responsive</h3>
                                <p class="p_2">
                                    With the mobile-first approach Ulkit<br>
                                    provides a consistent experience from<br>
                                    phones and tablets to desktops.
                                </p>
                            </div>
                        </div>
                </div>
            </div>
        </div>
        <div class="main_2">
            <div class="content">
                <div class="container">
                    <h2>Become a part of the Ulkit community.</h2>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="card">
                                <img src="img/1.png" alt="">
                                <h4>Twitter</h4>
                                <p class="p_3">
                                    Follow us on twitter and be the first to<br>
                                    receive news and updates.We are open for<br>
                                    your feedback and questions.
                                </p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card">
                                <img src="img/2.png" alt="">
                                <h4>Contribute on GitHub</h4>
                                <p class="p_3">
                                    You want to take part in the development?<br>
                                    For Ulkit on GitHub and send us a pull<br>
                                    request.To report a bug,file a new issue.
                                </p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card">
                                <img src="img/3.png" alt="">
                                <h4>Ulkit Community</h4>
                                <p class="p_3">
                                    If you're interested in discussing,<br>
                                    participating and helping each other,the<br>
                                    Ulkit community is the palce to be.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer>
            <p>Made by YOOtheme with love and caffeine.</p>
            <p>Licensed under MIT license.</p>
        </footer>
    </div>
</body>
</html>